<template>
  <!-- after a project is selected -->
  <PagePattern
    :tableData="tableData"
    :tableCols="tablePattern"
    :formPattern="formPattern"
  />
</template>

<script lang="ts">
import { computed, defineComponent, reactive } from "vue";
import PagePattern from "@/components/PagePattern";
import store from "@/store";

export default defineComponent({
  components: {
    PagePattern
  },
  setup() {
    return reactive({
      // generate the params of PagePattern base on the type of selected system
      tableData: computed(() => store.state.tableData),
      tablePattern: computed(() => store.state.tablePattern),
      formPattern: computed(() => store.state.formPattern)
      // selectRowNameList: computed(() => store.state.selectRowNameList)
    });
  }
});
</script>
